// pages/lunbowithmargin/lunbowithmargin.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    img_list: [
      { img: '/images/test_lunbo_01.jpeg', align: 'center'},
      { img: '/images/test_lunbo_02.jpeg', align: 'center'},
      { img: '/images/test_lunbo_03.jpeg', align: 'center'},
      { img: '/images/test_lunbo_04.jpeg', align: 'center'},
      { img: '/images/test_lunbo_05.jpeg', align: 'center'},
    ],
    swiperIndex: 0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.updateSwiperItemAlignStyle()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

  updateSwiperItemAlignStyle() {
    for (var i=0; i<this.data.img_list.length; i++) {
      var ele = this.data.img_list[i]
      if (i == this.data.swiperIndex-1) {
        ele.align = 'flex-end'
      } else if (i == this.data.swiperIndex+1) {
        ele.align = 'flex-start'
      } else {
        ele.align = 'center'
      }
    }
    this.setData({
      img_list: this.data.img_list
    })
    console.log(this.data.img_list)
  },

  /**
   * 轮播滑动时，获取当前的轮播id
   */
  swiperChange(e) {
    const that = this;
    that.setData({
      swiperIndex: e.detail.current,
    })
    console.log("swpierIndex: " + this.data.swiperIndex)
    this.updateSwiperItemAlignStyle()
  },
})